/* Generelle Spezifikationen */
body {
	background: #fff;
	margin: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius:0px;
    width:10px;
}

/* Abmessung der Bilder */
#diary {
	/*width: 640px;*/
	/*height: 1136px;*/
}

/* Hintegrund der umgeblätterten Seite */
#diary .turn-page {
	background-color: #e2dbd1;
	background-image: url(../img/1_bg.png);
	background-repeat: no-repeat;
	/*background-size:contain;*/
	background-size: 100% auto;
}

.turn-page.p2.mCustomScrollbar._mCS_1 {
	background-size: 647px 100%!important;
}

/* Textblock (DIV) mit Content */

.handWriting {
	font-family: 'Shadows Into Light', cursive;
	font-size: 56px;
	line-height: 70px;
	color: #000846;
   	width: 470px;
   	margin-left: 70px;
   	margin-top: 150px;
	background: url(../img/papier-linien.png);
	background-repeat: repeat-y;
	background-position:0 63px;
	padding-left:10px;
}

.content-media {
    background-image:url(../img/content-note_bg.png);
    background-repeat:no-repeat;
    width: 559px;
    height: 386px;
    padding: 95px 0 0 80px; 
    margin: 0 0 -65px -50px;
}

button {
        font-family: 'Shadows Into Light', cursive;
    font-size: 40px;
    border: 0;
    background-color: #f0f0e9;
    margin-bottom:53px;
    background-image:url("../img/button.png");
    background-repeat:no-repeat;
    height: 87px;
    width: 399px;
    padding: 0;
    color: #000846;
    cursor:pointer;
}

.content-tesa {
    
    width:224px;
    height:111px;
    background-image: url(../img/tesa.png);
    background-repeat:no-repeat;
    margin-top:33px;
    margin-left:-38px;
    z-index:100;
    position:absolute;
}

.content-picture{
    padding-top:93px;
}

hr {
    width: 373px;
    height:54px;
    background-image:url(../img/content-absatz-ende.png);
    margin: 0 0 81px 30px;
    border: 0;
}

ul {
    margin:0;
    list-style-image:url(../img/list-arrow.png);
}

/* Social Media Channel Überschriften im Content */
.socialChannel {
   color: #656565;
   font-size: 32px;
   line-height: 62px;
}

.input {
    font-family: 'Shadows Into Light', cursive;
    font-size: 54px;
    border: 0;
    background-color: #f0f0e9;
    margin-bottom:53px;
    background-image:url("../img/input.png");
    background-repeat:no-repeat;
    height: 55px;
    width: 450px;
    padding: 10px 0px 23px 24px;
    color: #000846;
}
/* Content-Seite (Seite 2) Abstand nach oben, damit Text nicht zu weit hoch gescrollt werden kann. */
.p2 {
   /*padding-top: 70px !important;*/
}

.mCSB_scrollTools .mCSB_draggerContainer {
	margin-top: 25px;
	margin-left: 5px;
	bottom: 100px;
}

.menuSlideFromTop {
	background: transparent url("../img/menu_bg.png") top left no-repeat;
	position: fixed;
	top: -1024px;/*110*/
	width: 535px;
	height: 1151px;
	left: 55px;
	cursor: pointer;
	z-index: 2;
}

#paintme {
	height: 800px;
	position: absolute;
	bottom: 1px;
}

.squiggle-container {
	position: absolute;
	right: -20px;
}

#vimeo06-2,
#vimeo06-1,
#vimeo05,
#vimeo06-3,
#mapElement-jetzt,
#mapElement-steg,
#mapElement-dom,
#mapElement-museum2,
#mapElement-museum1,
#mapElement-bahn,
#mapElement-paul{
	display: none;
}

.lightbox {
	background-color: #444444;
	display: block;
	height: 100000px;
	left: 0;
	opacity: 0.4;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 11707px;
	z-index: 1;
}

.mCSB_container {
	margin-right: 0!important;
}

#vimeo05 .content-media {
	margin-bottom: -63px;
}